<template>
  <div class="page">
    <div class="t-page">
      <div class="title">教程</div>
      <div class="list">
          <div>1、点击链接复制到浏览器打开注册K宝，打不开可以4个链接都试试</div>
          <div class="el-link el-link--primary" v-clipboard:copy="'https://www.kb11.at/#/Login'" v-clipboard:success="onCopy" v-clipboard:error="onError"><span>https://www.kb11.at/#/Login</span></div>
          <div class="el-link el-link--primary" v-clipboard:copy="'https://www.kb22.at/#/Login'" v-clipboard:success="onCopy" v-clipboard:error="onError"><span>https://www.kb22.at/#/Login</span></div>
          <div class="el-link el-link--primary" v-clipboard:copy="'https://www.kb33.at/#/Login'" v-clipboard:success="onCopy" v-clipboard:error="onError"><span>https://www.kb33.at/#/Login</span></div>
          <div class="el-link el-link--primary" v-clipboard:copy="'https://www.kb00.at/#/Login'" v-clipboard:success="onCopy" v-clipboard:error="onError"><span>https://www.kb00.at/#/Login</span></div>
          
        </div>
        <div class="list">
          <div>
            2、按照图片设置密码(Aa123456)和支付密码(123123)，必须保持一致，注册前截图保存，提交时会用到
          </div>
          <div>
            <img class="img-lizi" src="@/assets/lizi1.jpg" alt="">
          </div>
        </div>
        <div class="list">
          <div>3、点击实名认证，等待实名成功</div>
          <div>
            <img class="img-lizi" src="@/assets/lizi2.jpg" alt="">
          </div>
        </div>
        <div class="list">
          <div>4、实名成功之后点击下方提交页面，提交刚刚注册的K宝信息，等待审核即可，客服QQ 3930351692</div>
          <div>
            <img class="img-lizi" src="@/assets/ed39b69614598acd5ee8238e59668f0.jpg" alt="">
          </div>
        </div>
    </div>
  </div>
</template>
<script>
import comm from "@/mixins/comm.js";

export default {
  mixins: [comm],
  data() {
    return {
    };
  },
  created() {
  },
  methods: {
    onCopy(e) {
            console.log(e)
            // let str = e.text.replace(/\d+/g, '');
              alert('复制成功！');
        },
        onError() {
      alert('复制失败，请重试！');
    },
  }
};
</script>
<style lang="less" scoped>
.page {
  padding: 10px;
  position: relative;
  .t-page {
    background: #fff;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
  }
  .box {
    font-size: 13px;
    .list {
      margin-bottom: 8px;
      img {
        width: 60%;
        margin-top: 5px;
      }
    }
  }
  .btn {
    text-align: center;
  }
}
</style>
